<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="js/jquery-1.11.3.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/linkman.css">
</head>

<body>
    <!-- 头部 -->
    <header>
        <div class="headers">
            <a href="teacher.html"><span class="glyphicon glyphicon-menu-left"></span></a>
            <h1>选择联系人</h1>
        </div>
    </header>

    <!-- 内容区域 -->
    <section>
        <div class="inPuts">
            <input class="ipt" type="text" placeholder="搜索用户艺火号或者昵称" />
        </div>

        <nav class="list">
            <span class="glyphicon glyphicon-plus-sign oSpan1"></span>
            <p class="op">添加好友</p>
            <span class="glyphicon glyphicon-chevron-right oSpan2"></span>
        </nav>

        <div class="oL">
            L
        </div>
        <div class="listfiles">
            <div class="listfile">
                <img src="img/02.jpg" alt="">
                <div class="ops">
                    <p class="op1">范冰冰</p>
                    <p class="op2">308709</p>
                </div>
            </div>
        </div>
    </section>

    <!-- 底部 -->
    <footer>

    </footer>
</body>

</html>